<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Home Page | penergy -hello，world!</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="description" content="Place your description here" />
<meta name="keywords" content="put, your, keyword, here" />
<meta name="author" content="Templates.com - website templates provider" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 7]><script type="text/javascript" src="ie_png.js"></script><script type="text/javascript">ie_png.fix('.png, #nav li a, .button span, .button a');</script><![endif]--> 
</head>

<body id="page1">
	<div class="tail-right"></div>
	<div class="tail-right-top"></div>
	<div class="tail-top">
		<div class="tail-bottom">
			<div class="tail-bg">
				<div class="top-bg">
					<div class="tail-right-bot"></div>
					<div class="bot-bg">
						<div id="main">
<!-- header -->
							<div id="header">
								<h1><a></a><span></span></h1>
								<ul class="top-links">
									<li><a><img alt="主页" src="/images/icon-home.gif" /></a></li>
									<li><a href="contact.html"><img alt="联系我们" src="/images/icon-mail.gif" /></a></li>
									<li><a href="sitemap.html"><img alt="简介" src="/images/icon-map.gif" /></a></li>
								</ul>
							</div>
							<div class="extra-img"><img alt="extra-img" src="/images/extra-img.png" class="png"/></div>
							<div class="wrapper">
<!-- nav -->
								<div id="nav">
									<ul>
										<li><a>主&nbsp&nbsp&nbsp&nbsp页</a></li>
										<li><a href="about.html">关于我们</a></li>
										<li><a href="articles.html">团队动态</a></li>
										<li><a href="contact.html">联系我们</a></li>
										<li><a href="sitemap.html">简&nbsp&nbsp&nbsp&nbsp 介</a></li>
									</ul>
								</div>
<!-- content -->
								<div id="content">
									<div class="section">
<!-- box begin -->
										<div class="box">
											<div class="left-top-corner png"><div class="right-top-corner png"><div class="border-top png"></div></div></div>
											<div class="border-left png">
												<div class="border-right png">
													<div class="inside png">
														<h2>欢迎标语</h2>
														<p>欢迎内容第一段 Blue Whirlpool is a free websites template created by Templates.com team. This website template is optimized for 1024X768 screen resolution. It is also XHTML &amp; CSS valid.</p> 
														<p>欢迎内容第二段The website template goes with two packages – with PSD source files and without them. PSD source files are available for free for the registered members of Templates.com. The basic package (without PSD is available for anyone without registration).</p> 
														欢迎内容第三段 This website template has several pages: Home, About us, Article (with Article page), Contact us (note that contact us form – doesn’t work), Site Map.
													</div>
												</div>
											</div>
											<div class="left-bot-corner png"><div class="right-bot-corner png"><div class="border-bot png"></div></div></div>
										</div>
<!-- box end -->
									</div>
									<h2>最新动态</h2>
									<ul class="items-list">
										<li>
											<img alt="empty-img" src="/images/empty-img.gif" />
											<h3><a href="about.html">动态标题</a></h3>
											动态简介。。。Whirlpool is a powerful circular current of water (usually the result of conflicting tides). There are many other definitions of whirlpool to get some of them - just search in Google for define: whirlpool.
										</li>
										<li>
											<img alt="empty-img" src="/images/empty-img.gif" />
											<h3>About Whirlpool Template</h3>
											Free 1028X768 Optimized Website Template Collect from cssMoban.com! We really hope that you like this template and will use for your websites.
										</li>
										<li>
											<img alt="empty-img" src="/images/empty-img.gif" />
											<h3>About Other Whirlpools</h3>
											There so many other whirlpools! Learn more about them in this sample article.
										</li>
									</ul>
								</div>
							</div>
						</div>
<!-- footer -->
						<div id="footer">
							<div class="indent">
								<div class="fleft">版权所有Copyright All &copy;  penergy团队</div>
								<div class="fright"><p>联系邮箱： <a href="" title="联系邮箱" target="_blank">tanwenqiang0823@163.com</a></p></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>